html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
 vertical-align: baselinebaseline;    
 font-family: inherit;    
 font-weight: inherit;    
 font-style: inherit;    
 font-size: 12px;
 outline: 0;    
 padding: 0;    
 margin: 0;    
 border: 0;    
 }    
/* remember to define focus styles! */   
:focus {    
 outline: 0;    
 }    
body {    
 background: white;    
 line-height: 1;    
 color: black;    
 }    
ol, ul {    
 list-style: none;    
 }    
/* tables still need cellspacing="0" in the markup */   
table {    
 border-collapse: separate;    
 border-spacing: 0;    
 }    
caption, th, td {    
 font-weight: normal;    
 text-align: left;    
 }    
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {    
 content: "";   
 }   
blockquote, q {   
 quotes: "" "";    
 }   


#wrap{
  margin: 10px 10px;
  width: 760px; height:560px;
  background: url(/images/bg.gif) white;
  border:1px solid #FF9900;
  color:#000000
}

#header{
  background: url(/images/bg_r1_c0.gif) white;
  height: 66px;
}

#header ul#nav{ list-style-type: none; display: block; text-align: right;}
#header ul#nav li{  display: inline;   overflow-x: hidden;  overflow-y: hidden;  text-align: center; }

#main{

}


ul.dl_list{
  margin:0 0 5px;
  list-style-type: none;
  display: block;
  text-align: left;
}

ul.dl_list li{
  display: inline; 
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  width: 100px;
}


.div_materials{
  display: inline;
}

.div_materials img{
  background: #FFFFFF;
  margin: 5px;
  padding: 5px;
  border:2px solid #FF9900;
}

.div_inline{
  display: inline;
}

dl.stove{
  background: #FFFFFF;
  margin: 5px;
  padding: 5px;
  border:2px solid #FF9900;
  width: 84px;
  text-align: center;
  float: left;
}


.clear{ clear: both; }

.two_col_wrap #left {
	float: left; 
	width: 46%;
	background: #EBEBEB;
	padding: 15px 0;
}


.two_col_wrap #right { 
	margin: 0 10px 0 46%;
} 


.f_left{
  float:left;
}
.f_right{
  float: right;
}


#food_dropper{
  margin: 10px 10px 10px 20px;
  width: 360px;
  height: 280px;
  background-color: #FFFFCC;
  border:2px solid #FF9900;
  color:#000000;
}

.food_dropper_item{ display: block; width: 300px;}

.cart_img {width: 48px; height: 48px; border:1px solid #FF9900; margin: 4px; }

.box{
  margin: 5px;
  padding: 5px;
  background-color: #FFFFEE;
  border:2px solid #FF9900;
  color:#000000;
}


#sidebar {
    border:1px solid #FF9900;
    height:490px;
    margin-left:580px;
    overflow:hidden;
    position:absolute;
    right:0;
    top:100px;
    width:180px;
    background:#FFF;
}

#sidebar_title {
    background:#FF9900 none repeat scroll 0 0;
    border:1px solid #FFFFFF;
    display:block;
    height:30px;
    /*text-align:right;*/
    vertical-align:middle;
}

#flash_notice{
  margin: 5px;
  padding: 5px;
  background-color: #FFFFEE;
  border:2px solid #FF9900;
  color:#000000;
}

.a_button{
    border-right: #6a6a6a 1px solid;
    padding-right: 10px;
    border-top: #fff 1px solid;
    padding-left: 10px;
    font-size: 12px;    
    background: #EEEECC;
    padding-bottom: 3px;
    border-left: #fff 1px solid;
    cursor: pointer;
    color:#000;
    padding-top: 3px;
    border-bottom: #6a6a6a 1px solid;
    height: 20px;
    line-height: 24px;
    text-decoration: none;
}

a { text-decoration: none;}
a:hover {text-decoration: none;}


